// 第一天   8、hooks函数  ：鼠标的位置       封装起来，让别的页面用
import {onMounted, reactive, ref} from "vue";


/*export default function  useMousePosition(){
  let x=ref<number>(0)
  let y=ref<number>(0)
  onMounted(()=>{
    document.addEventListener('click',(event:MouseEvent)=>{
      // console.log(event.pageX)     //pageX包含滚动条滚去的距离    clientX不包含滚动条滚去的距离
      x.value = event.pageX;
      y.value = event.pageY;
    })
  })
  return {x,y}
}*/




export default function  useMousePosition(){
  // 用对象形式写
  interface XYType{
    x:number,
    y:number
  }
  let xyObj=reactive<XYType>({x:0, y:0})

  onMounted(()=>{
    document.addEventListener('click',(event:MouseEvent)=>{
      xyObj.x=event.pageX;
      xyObj.y=event.pageY;
    })
  })
  return xyObj
}


//在toRefsPage页面中使用hooks函数
